<template>
  <div class="AView">
    <h1>我们的第一个{{info}}页面</h1>
    {{info}}
    {{info+'晚上吃什么'}}
    <hr>
    <h1>我是{{aaa}}</h1>
    <p v-text="aaa"></p>
    <p v-html="aaa"></p>
  </div>
  <button @click="f">按钮</button>
</template>

<script setup>


import {ref} from "vue";
//响应式变量
const info = ref('我是info');
const aaa = ref('我是aaa');
const f =()=>{
  console.log(info);
  console.log(aaa);
  console.log(aaa.value);
  aaa.value = '<b>123</b>';
  console.log(aaa);
}

</script>

<style scoped>

</style>